<template>
    <div>
        <tabbar :msg="'/news'"></tabbar>
        <!-- 轮播图 -->
        <div style="padding-top: 50px;">
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
                <van-swipe-item>
                    <div class="swipe-item bg1">
                        <div class="gradient-text">
                            新闻中心
                        </div>
                    </div>
                </van-swipe-item>
            </van-swipe>
        </div>
        <div class="info">
            <div class="titles">
                <div @click="$router.push('/news')">新闻中心<van-icon name="arrow" /></div>
                <div style="width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;">{{ title }}</div>
            </div>
            <div class="one" v-show="id == 1">
                <div class="info_title">“村BA”火出圈！中国银联携手中国女篮送上惊喜祝福</div>
                <div class="info_time">2023-03-28 16:03:07</div>
                <img width="100%" src="../../images/new/icon.png" alt="">
                <div>
                    7月28日晚，贵州“村BA”台盘村和中坝村的对决落下帷幕，在这场激烈胶着的对决中，东道主台盘村获得了本场比赛的胜利。中国银联携手中国女篮，在为双方队伍加油助威的同时，还送上了惊喜祝福和特色礼品。
                </div>
                <div>
                    办赛风格独特的贵州“村BA”在这个夏天成为“体育顶流”。本场比赛中，台盘村的乡村篮球场依旧是座无虚席，人声鼎沸，当地民间乐队的激昂表演带动了整个现场的气氛，中国女篮姑娘们的视频祝福，将现场的气氛推向了最高潮。在比赛结束的颁奖仪式上，中国银联福利官RuaRua携手中国女篮领队将中国女篮的两件签名球衣赠送给两只队伍，并将一颗女篮签名篮球赠送给“村BA”东道主台盘村，将中国女篮坚韧拼搏、团结果敢的精神传递给乡村体育的热土。
                </div>
                <img width="100%" src="../../images/new/icon2.png" alt="">
                <div>
                    全民参与的乡村体育离不开乡村振兴国家战略的实施。在全面推进乡村振兴的过程中，中国银联始终秉持着“支付为民”理念，密切联动县乡地区主要收单银行，持续优化县域农村支付环境，全力推进移动支付向纵深发展。联合多地省市县（区）三级政府开展提振消费举措，创新设计农产品收购等多种涉农综合解决方案，打造专属卡产品乡村振兴卡并提供涉农保险等权益，借助科技及数据优势充分助力银行涉农信贷业务，推动金融服务走进田间地头，开启更加便捷的消费扶贫新渠道。
                </div>
                <div>
                    此次中国银联携手中国女篮为贵州“村BA”喝彩，是生动谱写体育强国、乡村振兴的全新篇章。在今年9月即将举办的体育盛事上，中国银联将持续做好场景建设，打通境内外支付渠道，并在近千家商户开展一系列优惠活动，邀请全球广大银联卡持卡人共襄盛举。
                </div>
            </div>
            <!--  -->
            <div class="one" v-show="id == 2">
                <div class="info_title">【学习贯彻二十大 支付行业在行动】中国银联：深学笃行新思想 奋进银联新征程</div>
                <div class="info_time"> 2023-07-05 13:37</div>
                <div class="info_top">
                    今年是全面贯彻落实党的二十大精神的开局之年。为深入宣传支付产业各方学习宣传贯彻党的二十大精神取得的良好效果，中国支付清算协会面向全体会员单位开展了“学习贯彻二十大，支付行业在行动”主题宣传活动。来自商业银行、非银行支付机构、清算机构以及其他相关机构的会员单位积极响应，踊跃投稿，认真分享本单位学习贯彻党的二十大精神的具体举措和实际成效。现将征集的优秀案例进行展示，供产业各方学习交流。
                </div>
                <div class="info_t">全面学习新思想 学深悟透谋发展</div>
                <div>
                    银联党委率先垂范，组织公司上下深入学习领会贯彻党的二十大精神，做到及时跟进学、深入思考学、联系实际学，在银联系统迅速形成党委班子带头学、党团组织系统学、全体党员和广大员工持续学的生动局面。银联党委集中收听收看党的二十大报告直播，迅速召开专题党委会、党委理论学习中心组学习会，通过逐篇学习、专题研讨等形式，深入学习党的二十大精神，及时传达总行党委有关要求，认真研究部署贯彻落实工作，党委班子成员面向基层讲党课和宣讲。银联系统各级党组织积极发挥战斗堡垒作用，采取学习研讨、主题党日、主题宣讲、主题党课等多种形式，精心组织党的二十大精神专题学习活动200余次，各级团组织也结合自身特点开展学习活动160余次，引导广大党员和员工坚定不移听党话、感党恩、跟党走，努力把学习成果转化为推动银联事业发展的强大动力和有效举措。
                </div>
                <img width="100%" src="../../images/new/640.png" alt="">
                <div class="info_t">全面把握新理念 多管齐下强宣贯</div>
                <div>
                    银联采取线上线下相结合的宣传模式，充分利用线上银联官网、官方微信公众号、U聊公众号和线下银联党建基地、党宣智能机器人、办公区电子屏、电视机、易拉宝等多种媒介，大力宣传党的二十大精神以及银联系统学习贯彻党的二十大精神情况，多方位营造浓厚热烈的学习氛围，不断促进银联广大干部员工准确把握和理解党的二十大精神。自党的二十大召开以来，通过多种渠道持续更新转发有关学习材料10余篇，包括党的二十大报告、习近平在二十大召开期间系列重要讲话以及新修改的党章等，为银联党员采购了《党的二十大报告学习辅导百问》《二十大党章修正案学习问答》《党的二十大文件汇编》等参考书籍。同时，党工团联合创新开展了银联系统“庆祝二十大
                    建功新时代”追寻党代会足迹主题健走、“庆祝党的二十大 书香浸润奋进路”主题读书征文等系列活动，激励员工增强体质、拓宽学识，在新的赶考之路上创造性开展工作，为银联事业发展奋斗拼搏，为党的伟大事业增光添彩
                </div>
                <img width="100%" src="../../images/new/641.png" alt="">
                <div class="info_t">全面落实抓成效 学以致用求突破</div>
                <div>
                    银联党委在全面学习、全面把握党的二十大精神的基础上抓好全面落实，紧紧围绕党中央关于中国式现代化的顶层设计与人民银行中心工作谋划好、组织好、推动好银联事业发展。一是坚持党中央对金融工作的集中统一领导，深刻领悟“两个确立”的决定性意义，增强“四个意识”、坚定“四个自信”、做到“两个维护”，在工作中坚守“支付为民”理念，秉承“联接创造价值”的企业愿景和“共建开放生态、打造数字网络、服务全球支付”的主要任务，在变革中谋新，在发展中求变，努力将优质的支付服务体验触达更多人群，不断增强工作的政治性、人民性。二是积极响应新经济、新业态的“支付+”需求，联合产业各方共同探索构建符合产业发展趋势的新模式，通过银联第三代系统建设等打造更加高效、灵活、开放的银联网络，以高质量支付清算服务为根基，不断扩大银联网络受理范围，提升金融服务水平，助力实体经济发展，进一步发挥便民、利企、助商的作用，努力以银联高质量发展服务支付产业中国式现代化新征程。三是坚决落实新时代党的建设总要求，以严的基调强化正风肃纪，牢牢把握合规底线，进一步落实总行关于巡视整改及各类专项整治的要求，以全面从严治党新成效引领推动银联新发展，踔厉奋发、勇毅前行，以实际行动奋力书写新征程上的新篇章。
                </div>
                <img width="100%" src="../../images/new/642.png" alt="">
            </div>
            <!--  -->
            <div class="one" v-show="id == 3">
                <div class="info_title">【七一】习近平对党的建设和组织工作作出重要指示 代表党中央向全国广大共产党员致以节日问候</div>
                <div class="info_time"> 2023-06-30 16:11</div>
                <div class="info_top">
                    习近平对党的建设和组织工作作出重要指示强调
                    深刻领会党中央关于党的建设的重要思想
                    不断提高组织工作质量
                    代表党中央向全国广大共产党员致以节日问候
                    蔡奇出席全国组织工作会议并讲话 李希出席会议
                </div>
                <div>
                    习近平强调，实现党在新时代新征程的使命任务，党的建设和组织工作要有新担当新作为。要坚持以新时代中国特色社会主义思想为指导，全面贯彻党的二十大精神，深刻领会党中央关于党的建设的重要思想，深入落实新时代党的建设总要求和新时代党的组织路线，深入推进新时代党的建设新的伟大工程，以坚持和加强党中央集中统一领导为最高原则，以忠诚为党护党、全力兴党强党为根本使命，以解决大党独有难题、健全全面从严治党体系为重大任务，坚持不懈用党的创新理论统一全党思想意志行动，不断严密上下贯通、执行有力的组织体系，着力建强堪当民族复兴重任的高素质执政骨干队伍，加快建设世界重要人才中心和创新高地，持续深化模范部门和过硬队伍建设，不断提高组织工作质量，为更好地以党的伟大自我革命引领伟大社会革命，推进强国建设、民族复兴伟业提供坚强组织保证。
                </div>
                <div>
                    在即将迎来中国共产党成立102周年之际，习近平代表党中央，向全国广大共产党员致以节日的问候。
                </div>
                <div>
                    全国组织工作会议6月28日至29日在京召开。会上传达了习近平重要指示。中共中央政治局常委、中央书记处书记蔡奇出席会议并讲话，中共中央政治局常委、中央纪委书记李希出席会议。
                </div>
                <div>蔡奇在讲话中指出，习近平总书记重要指示高屋建瓴、立意深远，具有很强的政治性、思想性、指导性，为做好党的建设和组织工作指明了前进方向。我们要深入学习领会、认真贯彻落实。</div>
                <div>蔡奇强调，新时代十年党的建设和组织工作取得突破性进展、发生格局性变化，根本在于有习近平总书记领航掌舵、有习近平新时代中国特色社会主义思想科学指引，充分彰显了“两个确立”的决定性意义。
                </div>
                <div>
                    蔡奇指出，习近平总书记关于党的建设的重要思想，突出全面从严治党这个主题主线，以一系列原创性成果极大丰富和发展了马克思主义建党学说，标志着我们党对马克思主义执政党建设规律的认识达到了新高度，为深入推进新时代党的建设新的伟大工程、做好新时代组织工作提供了根本遵循，必须长期坚持、全面落实。
                </div>
                <div>
                    蔡奇强调，要在贯彻落实党的二十大战略部署中把准组织工作定位，在加强党的领导、推进党的事业、全面从严治党中充分发挥职能作用。完善党员、干部理论教育培训长效机制，坚持不懈用习近平新时代中国特色社会主义思想凝心铸魂。适应党和国家事业发展需要，建设堪当民族复兴重任的高素质干部队伍。着眼实现高水平科技自立自强，强化现代化建设人才支撑。围绕推动高质量发展、创新社会治理，增强基层党组织政治功能和组织功能。坚持从严管理党员，全面提高党员队伍素质。各级组织部门要努力建设讲政治、重公道、业务精、作风好的模范部门。各级党委（党组）要加强对组织工作的领导，为组织部门开展工作创造条件。
                </div>
                <div>
                    中共中央政治局委员、中央组织部部长李干杰作总结讲话，表示要深入学习贯彻习近平新时代中国特色社会主义思想特别是关于党的建设的重要思想，认真落实习近平总书记重要指示，坚定拥护“两个确立”、坚决做到“两个维护”，持续加强党的创新理论武装，优化干部选育管用工作，全方位培养引进用好人才，从严从实抓好党员队伍建设，提升党的组织体系建设整体效能，为强国建设、民族复兴伟业提供坚强组织保证。
                </div>
                <div>
                    北京市、浙江省、四川省、商务部、中国国家铁路集团有限公司、天津大学负责同志作交流发言。
                </div>
                <div>李书磊、刘金国、穆虹、姜信治出席会议。</div>
                <div>中央党的建设工作领导小组成员，各省、自治区、直辖市和计划单列市、新疆生产建设兵团，中央和国家机关有关部门、有关人民团体，中央管理的金融机构、部分企业、高校，军队有关单位负责同志等参加会议。
                </div>
            </div>
            <!--  -->
            <div class="one" v-show="id == 4">
                <div class="info_title">【反电诈宣传】《反电信网络诈骗法》知多少？</div>
                <div class="info_time"> 2023-06-28 16:01</div>
                <div class="info_top">
                    为深入学习贯彻习近平总书记关于打击治理电信网络诈骗犯罪的重要指示精神，认真落实党中央、国务院重大决策部署及人民银行有关工作要求，切实提高人民群众防范电信网络诈骗意识，助力建设更高水平的平安中国，中国支付清算协会坚持“为人民群众办实事”的宗旨，汇聚行业优势智力资源，面向会员单位征集反电诈宣传素材，得到广大会员单位积极响应。经认真梳理筛选和严格评审把关，协会择优选取质量好、立意深的若干精品，用于开展社会公众安全宣教，引导普通老百姓特别是“一老一少”群体正确认知和防范电诈风险。本期宣传漫画是由招商银行股份有限公司提供的“《反电信网络诈骗法》知多少？”。
                </div>
                <img width="100%" src="../../images/new/640.jpg" alt="">
            </div>
            <div class="one" v-show="id == 5">
                <div class="info_title">刚刚！《中国人民银行业务领域数据安全管理办法（征求意见稿）》发布</div>
                <div class="info_time"> 2023-07-24 10:43</div>
                <div class="info_top">
                    刚刚，中国人民银行发布了《中国人民银行业务领域数据安全管理办法（征求意见稿）》。《办法》分成总则、数据分类分级、数据安全保护总体要求、数据安全保护管理措施、数据安全保护技术措施、风险监测评估审计与事件处置措施、法律责任、附则八章，共五十七条。主要内容包括：
                </div>
                <div>
                    一是规范数据分类分级要求。强调数据处理者应当建立数据分类分级制度规程，梳理数据资源目录标识分类信息，在国家数据安全工作协调机制统筹协调下，根据中国人民银行制定的重要数据识别标准，统一对数据实施分级，严格落实网络安全等级保护和风险评估等义务，并在此基础上推动各数据处理者进一步做好数据敏感性、可用性层级划分，以便在全流程数据安全管理中更好采取精细化、差异化的安全保护管理和技术措施。
                </div>
                <div>
                    二是提出数据安全保护总体要求。强调数据处理者应当压实数据安全责任，建立数据安全问责处罚制度和数据处理活动全流程安全管理制度，制定数据安全培训计划。
                </div>
                <div>
                    三是压实数据处理活动全流程安全合规底线。针对收集、存储、使用、加工、传输、提供、公开和删除各环节，向数据处理者明确采取哪些安全保护管理和技术措施后，可视为总体满足尽职尽责的合规底线要求。
                </div>
                <div>
                    四是细化风险监测、评估审计、事件处置等合规要求。强调数据处理者应当建立数据处理活动安全风险监测和告警机制，加强数据安全风险情报监测、核查、处置与行业共享，制定数据安全事件定级判定标准和应急预案，规范应急演练、事件处置、风险评估和审计等工作。
                </div>
                <div>
                    五是明确中国人民银行及其分支机构可对数据处理者数据安全保护义务落实情况开展执法检查，以及数据处理者违反规定时对应的法律责任。
                </div>
                <div>
                    根据“谁管业务，谁管业务数据，谁管数据安全”基本原则，《办法》明确适用范围为中华人民共和国境内开展的，中国人民银行承担监督管理职责各类业务相关的数据处理活动。此类业务涉及的数据处理者，开展对应数据处理活动时，应当遵守《办法》提出的管理要求。
                </div>
                <div>
                    当前，《办法》约束的数据处理活动主要包括:货币政策业务、跨境人民币业务、银行间各类市场交易业务、金融业综合统计业务、支付清算业务、货币管理和数字人民币业务、经理国库业务、征信业务、反洗钱业务等领域的数据处理活动。
                </div>
                <div>
                    《办法》明确提出鼓励数据处理者在保障安全合规前提下，积极促进数据高效流通和创新应用，并提出较敏感数据项加工后无法识别至特定个人、组织时，可降低敏感性层级，更好促进数据依法合规开发利用。
                </div>
                <img width="100%" src="../../images/new/641.jpg" alt="">
            </div>
        </div>
        <!-- 底部 -->
        <footers></footers>
    </div>
</template>
<script>
import tabbar from "@/components/tabbar";
import footers from "@/components/footer";
export default {
    name: 'home',
    components: {
        tabbar, footers
    },
    data() {
        return {
            id: '',
            title: ''
        }
    },
    mounted() {
        this.id = this.$route.query.id
        this.title = this.$route.query.title
    },
    methods: {

    }
}
</script>
<style scoped lang="scss">
.swipe-item {
    height: 152px;
    background: url('../../images/home/bg1.png') no-repeat center;
    background-size: cover;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    // line-height: 152px;
    position: relative;
}

.bg1 {
    background: url('../../images/new/bg1.png') no-repeat center;
    background-size: cover;
}

// .bg2 {
//     background: url('../../images/home/bg2.png') no-repeat center;
//     background-size: cover;
// }

// .bg3 {
//     background: url('../../images/home/bg3.png') no-repeat center;
//     background-size: cover;
// }

.gradient-text {
    width: 100%;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* font-size: 58px; */
    /* Adjust font size as needed */
}

::v-deep .van-swipe__indicator {
    width: 12px;
    height: 2px;
    border-radius: 0;
}


.title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    // margin: 24px 0 20px 0;
    padding: 24px 0 20px 0;
    text-align: center;
}

.titles {
    padding: 0 16px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #333;
    font-size: 14px;

}

.one {
    padding: 0 16px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    padding-bottom: 20px;

    img {
        margin: 20px 0;
    }
    div{
        margin-bottom: 20px;
    }
}

.info_title {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    // padding: 0 16px;
}

.info_time {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
    margin: 10px 0;
    // padding: 0 16px;

}

.info_top {
    // margin-top: -13px;
    padding: 15px 15px 10px;
    outline: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    background-color: rgb(239, 239, 239);
    border-radius: 5px;
    color: rgb(51, 51, 51);
    line-height: 30px;
    visibility: visible;
}

.info_t {
    color: rgb(204, 3, 9);
    font-size: 17px;
    font-family: 微软雅黑, sans-serif;
    font-weight: bold;
    visibility: visible;
    text-align: center;
}
</style>